<!doctype html>
<html class="x-admin-sm" lang="en"  xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <base th:href="@{/}">
    <meta charset="utf-8">
    <title>流媒体服务设备信息配置</title>
    <link type="text/css" rel="stylesheet" href="static/dist/layui/css/layui.css">
    <link type="text/css" rel="stylesheet" href="static/dist/sms/css/style.css">
</head>
<body>
<div style="padding: 20px; background-color: #F2F2F2;">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">设备信息配置</div>
                <div id="deviceForm" class="layui-card-body" style="display:none;">
                    <form class="layui-form layui-form-pane" action="">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">设备序列号</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="serialNumber" lay-verify="required" placeholder="请输入设备序列号" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">设备名称</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="deviceName" lay-verify="required" placeholder="请输入设备名称" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">RTSP流地址</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="streamUrl" lay-verify="required" placeholder="请输入RTSP流地址" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">通道号</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="channel" lay-verify="required" placeholder="请输入设备通道号" class="layui-input">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">视频宽度</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="width" lay-verify="required" placeholder="请输入视频宽度" value="600" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">视频高度</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="height" lay-verify="required" placeholder="请输入视频宽度" value="400" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline lzw-btn-group1">
                                <button id="add" type="button" class="layui-btn">保存</button>
                                <button id="reset" type="button" class="layui-btn">重置</button>
                                <button id="bakFile" type="button" class="layui-btn">备份配置</button>
                                <button id="resetFile" type="button" class="layui-btn">导入配置</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="padding: 20px; background-color: #F2F2F2;">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">
                    <span>设备信息列表</span>
                    <span id="refreshBtn" style="float:right;margin-right:25px;"></span>
                </div>
                <div class="layui-card-body">
                    <table id="dataList" class="layui-hide" lay-filter="dataList"></table>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/html" id="operBar">
    <a href="javascript:;" class="layui-btn layui-btn-sm" lay-event="use"><i class="layui-icon">&#xe857;</i>{{# if(d.state == '1'){ }} 停用 {{# }else{ }} 启用 {{# } }}</a>
    <a href="javascript:;" class="layui-btn layui-btn-sm" lay-event="edit"><i class="layui-icon">&#xe642;</i>编辑</a>
    <a href="javascript:;" class="layui-btn layui-btn-sm" lay-event="delete"><i class="layui-icon">&#xe640;</i>删除</a>
    <a href="javascript:;" class="layui-btn layui-btn-sm" lay-event="play"><i class="layui-icon">&#xe652;</i>播放</a>
    <a href="javascript:;" class="layui-btn layui-btn-sm record" lay-event="record"><i class="layui-icon">&#xe60e;</i>开始录像</a>
</script>
<script type="text/javascript" src="static/dist/sms/js/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript" src="static/dist/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="static/dist/sms/js/md5.min.js" charset="utf-8"></script>
<script type="text/javascript" src="static/dist/sms/js/device.js" charset="utf-8"></script>
</html>